<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" />
<meta name="copyright" content="">
<meta name="author" content="">
<title>私立学校</title>
<!-- <link rel="stylesheet" href="./static/css/style.css"> -->
<link rel="stylesheet" href="./static/css/element-ui.css">
<script src="./static/js/basic.js"></script>
<script src="./static/js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="./static/js/swiper-4.5.3.min.js"></script>
<link rel="stylesheet" href="./swiper/swiper.min.css" />
<script src="./static/js/element-ui.js"></script>
<script src="./static/js/js.js"></script>
<script type="text/javascript" src="https://api.map.baidu.com/api?type=webgl&v=1.0&ak=A2dxaf5YgC1XcFZq1qQO7ZEFH4BGWlTL"></script>
</head>

<body>
  <div id="app" class="map-box flex-ct">
    <!-- <my-header :type="1"></my-header> -->
    <div id="map"></div>
  </div>
  <style>
    .map-box{
      width: 100%; min-height: 100vh;
    }
    #map{
      max-width: 1200px; margin: 0 auto; width: 80%; height: 600px; background-color: red;
    }
  </style>
  <script type="text/babel">
    let router = getPath(); // 所有路径
    var time = new Date().getTime();
    new Vue({
      el: '#app',
      components: {
        'my-header': httpVueLoader('./components/header.vue?time='+time),
        'gj-common': httpVueLoader('./components/gj_common.vue?time='+time),
        'gj-main2': httpVueLoader('./components/gj_main2.vue?time='+time),
      },
      data:{
        router:router, // 路径
        total:20,
        banner:null,
        main1:null, // 专题列表
        main2:null, // 国际学校入学指导
        main3:null,
        main4:null,
        main5:null,
        main6:null,
        main7:null
      },
      mounted() {
        this.init()
      },
      
      methods: {
        init(){
          var map = new BMapGL.Map("map");
          map.centerAndZoom(new BMapGL.Point(116.280190, 40.049191), 19);
          map.enableScrollWheelZoom(true);
          map.setHeading(64.5);
          map.setTilt(73);
        },
      }
    })
  </script>
  <link rel="stylesheet" href="https://www.9-xin.com/css/animate.min.css" />
  <script type="text/javascript" src="https://www.9-xin.com/js/wow.min.js"></script>
  <script>
      var wow = new WOW({
          boxClass: 'wow',
          animateClass: 'animated',
          offset: 0,
          mobile: false,
          live: true
      });
      wow.init();
  </script>
  
</body>
</html>